<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <!-- 模块化引入基础样式文件-->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 模块化引入register样式文件-->
    <link rel="stylesheet" href="../css/register.css">
    <!--引入favicon图-->
    <link rel="shortcut icon" href="favicon.ico" >
    <!-- 模块化引入公共样式文件-->
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<div class="w">
    <!--头部区域开始-->
 <header>
<div class="logo">
    <a href="index.html"><img src="../images/logo.png" alt=""></a>
</div>
 </header>
    <!--头部区域结束-->
    <!--主体区域开始-->
    <div class="registerarea">
        <!--主体区域头部-->
    <h3>
     注册新用户
        <div class="login">
            我有账号,去<a href="">登陆</a>
        </div>
    </h3>
        <!--主体区域内容-->
        <div class="reg_form">
            <ul>
                <li><label for="phone">手机号:</label>
                    <input  class="inp" id="phone" type="number">
                    <span class="error">手机号格式不正确，请重新输入</span>
                </li>
                <li><label for="message">短信验证码:</label>
                    <input  class="inp" id="message" type="number">
                </li>
                <li><label for="password">登录密码:</label>
                    <input  class="inp" id="password" type="password">
                    <span class="error">密码不少于6位数请重新输入</span>
                    <div class="safe">
                        安全程度
                        <span class="safe_1">弱</span><span class="safe_2">中</span><span class="safe_3">强</span>
                    </div>
                </li>
                <li><label for="password_r">手机号:</label>
                    <input   class="inp" id="password_r" type="password">
                    <span class="error">密码不一致，请重新输入</span>
                </li>
                <li>
                    <input class="check" type="checkbox">&nbsp;&nbsp;同意并注册

                    <a href="">《用户协议》</a>
                </li>
                <li>
                    <input class="sub" type="submit" value="完成注册">

                </li>
            </ul>
        </div>
    </div>
    <!--主体区域结束-->
    <!--底部区域开始-->
    <footer>
        <!--页脚制作-->
        <div class="mod_copyright w">
            <div class="link">
                <a href=""> 关于我们  |</a>
                <a href="">联系我们  | </a>
                <a href=""> 联系客服  |  </a>
                <a href=""> 商家入驻  |</a>
                <a href=""> 营销中心  | </a>
                <a href="">手机品优购  |</a>
                <a href=""> 友情链接  | </a>
                <a href="">销售联盟  |</a>
                <a href=""> 品优购社区  |  </a>
                <a href=""> 品优购公益  | </a>
                <a href=""> English Site  |</a>
                <a href=""> Contact U</a>

            </div>
            <div class="copyright">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                京ICP备08001421号京公网安备110108007702
            </div>
        </div>
    </footer>
    <!--底部区域结束-->
</div>

</body>
</html>